.practice {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 71px 46px 0;

  .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 41px;

    .btn {
      width: 496px;
      height: 120px;
      background: #2e57ff;
      text-align: center;
      line-height: 120px;
      color: #fff;
    }

    .btn2 {
      background: #FFC873;
    }
  }

  .title {
    height: 138px;
    line-height: 138px;
    font-size: 38px;
    color: #666;
  }

  .list {
    width: 100%;
    // 清楚浮动
    overflow: hidden;

    li {
      float: left;
      width: 320px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      background: #F0F0F0;
      color: #333;
      font-size: 42px;
      margin-right: 32px;
      margin-bottom: 33px;

      // 当前项样式
      // 第三个li盒子右边距为0
      &:nth-of-type(3n) {
        margin-right: 0;
      }

      //  &相当于绑定到他自己身上用到&
      &.active {
        background: #2e57ff;
        color: #fff;
      }
    }
  }
}